<template>
  <!-- lian -->
  <div>
    <el-button text @click="table = true">新增</el-button>
    <el-drawer v-model="table" title="管理新增" direction="rtl" size="50%">
      <el-form class="form" :model="form" ref="formref">
        <el-form-item prop="img">
          <el-input v-model="form.img" placeholder="序号" />
        </el-form-item>
        <el-form-item prop="alt">
          <el-input v-model="form.alt" placeholder="姓名" />
        </el-form-item>
        <el-form-item prop="link">
          <el-input v-model="form.link" placeholder="性别" />
        </el-form-item>
        <el-form-item prop="img">
          <el-input v-model="form.img" placeholder="职务" />
        </el-form-item>
        <el-form-item prop="alt">
          <el-input v-model="form.alt" placeholder="证件类型" />
        </el-form-item>
        <el-form-item prop="link">
          <el-input v-model="form.link" placeholder="证件号码" />
        </el-form-item>
        <el-form-item prop="img">
          <el-input v-model="form.img" placeholder="联系方式" />
        </el-form-item>
        <el-form-item prop="alt">
          <el-input v-model="form.alt" placeholder="备注" />
        </el-form-item>
        <el-form-item>
          <el-button class="btn" type="primary" @click="onSubmit()"
            >提交</el-button
          >
        </el-form-item>
      </el-form>
    </el-drawer>
  </div>
</template>


<script setup >


import { ref } from "vue";
import { useRouter } from "vue-router";
import { ElNotification } from "element-plus";
import "element-plus/es/components/notification/style/css";
const table = ref(false);
//获取路由管理实例
var router = useRouter();
var form = ref({ link: "", alt: "", img: "" });
var formref = ref();
</script>

<style scoped>
.el-form-item {
  width: 200px;
}
</style>